<!-- eslint-disable vue/multi-word-component-names -->
<template>
    <div class="userxx">
        <img src="../../../../assets/image/bg.png" style="width: 100%;height: 200px;">
        <div class="xin">
            <div style="position: absolute;left: 10%;top: 27%;" class="toux">
                <img src="../../../../assets/image/toux.png" @click="grxx()" style="width: 50px;
                height: 50px;border-radius: 50%;"><b style="color: blueviolet;">王二小</b>
            </div>
            <div class="userZHU">
                <div class="push">
                    <p><b>|</b>他发布的病友圈</p>
                </div>
                <div class="jixun">
                    <p><b>急寻：面神经炎的治疗方法有哪些？</b></p>
                    <b>{{ `${year}-${month}-${day} ${Time}` }}</b>
                    <p>周围性神经炎，下吧闲的，口齿不清楚，眼睛闭合不了，右边脸不能动</p>
                    <span style="float: right;">收藏 3 建议 1555</span>
                </div>
                <div class="jixun">
                    <p><b>流行性感冒 （流感）</b></p>
                    <b>{{ `${year}-${month}-${day} ${Time}` }}</b>
                    <p>流行性感冒（流感）是由某种流感病毒引起的肺及气道的病毒感染。它导致发热、流鼻涕、喉咙痛、咳嗽、头痛、肌肉疼痛（肌痛）和全身不适（不舒服）。</p>
                    <span style="float: right;">收藏 44 建议 1111</span>
                </div>
                <div class="jixun">
                    <p><b>流感的传播</b></p>
                    <b>{{ `${year}-${month}-${day} ${Time}` }}</b>
                    <p>甲型和乙型流感病毒又包含多种不同的毒株，但都导致相似的疾病。不同的毒株导致了流感的规律性季节性暴发。丙型不导致典型的流感疾病。</p>
                    <span style="float: right;">收藏 3 建议 1555</span>
                </div>
                <div class="jixun">
                    <p><b>流感流行和大流行</b></p>
                    <b>{{ `${year}-${month}-${day} ${Time}` }}</b>
                    <p>大部分流感病例由甲型病毒导致（在一个典型流行季中通常超过 70%），其余大多由乙型病毒导致。丙型流感发生率不高，主要见于儿童。</p>
                    <span style="float: right;">收藏 3 建议 1555</span>
                </div>
                <div class="jixun">
                    <p><b>流感的症状</b></p>
                    <b>{{ `${year}-${month}-${day} ${Time}` }}</b>
                    <p>患病初期，呼吸道症状相对较轻。包括明显的咽喉痛、胸部烧灼感、干咳和流涕。随后，咳嗽开始加重并出现痰液。</p>
                    <span style="float: right;">收藏 3 建议 1555</span>
                </div>
            </div>
        </div>
    </div>
</template>
<script lang='ts' setup>
import router from '@/router';

const now = new Date();
const year = now.getFullYear();
const month = now.getMonth() + 1; // 月从 0 开始，要加 1
const day = now.getDate();
// 获取当前时间
const date = new Date();
const Time = date.toLocaleTimeString();

const grxx = () => {
    router.push('/my')
}
</script>
<style scoped lang="scss">
.userxx {
    width: 100vw;
    height: 100vh;
    background-color: #f0f0f0;

    .xin {
        width: 100%;
        height: auto;

        .userZHU {
            background-color: #f1f1f1;
            width: 100%;
            height: auto;
            margin-top: 50px;

            .push {
                width: 100%;
                height: 40px;
                background-color: #fff;
                line-height: 40px;

                p b {
                    font-size: 30px;
                    color: blue;
                    margin-left: 10px;
                    margin-right: 10px;
                }
            }

            .jixun {
                margin-top: 5px;
                width: 100%;
                height: 150px;
                background-color: white;
                box-sizing: border-box;
                padding-left: 15px;
            }
        }
    }
}
</style>